Typography
Typography generally follows VA.gov’s guidance with some adjustments.
- The mobile app doesn’t use CSS pixel measurements to define font sizes. Instead, we use points (PT) on iOS and density-independent pixels (DP) on Android. This allows our fonts to scale appropriately for all screen densities across devices. Below are resources that describe this in more detail:
- With native and OS specific components, we utilize OS defined typography.
Front-end
To support the common usage of colors for each font style, defaults colors have been set for each type of font under src/styles/themes/standardTheme.ts
(See buildTypography
function). Colors for each font style are based on the Design Tokens - Design Library file.